.key-wrod-block {
    display: flex;
    align-items: center;
    justify-content: center;

    .key-wrod-name {
        margin-right: 4px;
        // font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #222222;
        line-height: 18px;
    }

    .key-wrod-icon {
        width: 8px;
        height: 12px;
    }
}

.act-key-wrod-block {
    .key-wrod-name {
        color: #417CE8;
    }
}

.sort-group-wrap {
    display: flex;
    padding: 10px 0;
    box-sizing: border-box;

    .key-wrod-block {
        flex: 1;
    }
}

:global(.mobile) {
    .key-wrod-block {

        .key-wrod-name {
            margin-right: px2vw(4px);
            font-size: px2vw(14px);
            line-height: px2vw(18px);
        }

        .key-wrod-icon {
            width: px2vw(8px);
            height: px2vw(12px);
        }
    }

    .sort-group-wrap {
        padding: px2vw(10px) 0;
    }
}